<template>
  <div class="movie-search-list-container">
    <MovieItem
      :info="item"
      v-if="searchList.length"
      v-for="(item, index) in searchList"
      :key="index"
      :style="{ marginBottom: '0.5rem' }"
    ></MovieItem>
    <!-- <MovieItemAssistant :style="{marginBottom:'0.5rem'}"></MovieItemAssistant> -->
  </div>
</template>
<script setup>
import { ref, reactive, onMounted, toRefs } from "vue";
import MovieItem from "../../components/movie/item.vue";
import MovieItemAssistant from "../../components/movie/item-assistant.vue";
const props = defineProps({
  //子组件接收父组件传递过来的值
  searchList: Array,
});
const { searchList } = toRefs(props);
// console.log(searchList, "1222");
</script>
<style lang="scss">
.movie-search-list-container {
  display: flex;
  flex-direction: column;
  padding: 10px 25px;
}
</style>
